<script lang="ts" setup name="person">
import count from "@/components/tongxin/count.vue";
</script>
//https://pinia.web3doc.top/introduction.html#%E5%9F%BA%E6%9C%AC%E7%A4%BA%E4%BE%8B  这个是pinia官网
//这个pinia类似与vuex  需要下载导入使用   学习这一节需要借助查看csdn网址
<!-- https://blog.csdn.net/weixin_47192158/article/details/138964326 -->          
 <!-- 修改数据的方式
  1  在.vue文件中拿到数据了可以直接修改，且还是响应式的  但是vuex,他不行 他必须回到vuex中修改
  2   fn（注释：按需暴露的函数名 执行返回的结果）.&patch（{可以直接修改state中定义的数据}）     牛牛
  3   最麻烦的一种需要借助actions函数去pinia里面去修改   这个里面在vue3中第一次使用到了this   此时的this就是store实例对象
  4  他有一个订阅函数  默认就是监视当有数据改变的时候会自动触发这个函数，$subscribe((a,b)=>{})  
 -->
  //总结  调用该方法返回值结构的时候可以使用toRefs实现数据响应式 但是不推荐  因为把所有的数据都和方法都搞成响应式的啦 不推荐  因此  可以使用storeToRefs这函数为数据添加响应式
  <!-- 注意导入的时候看看是从什么上面 导入过来的这个问题很重要  注意刷新页面会丢失，任然需要持久化管理 -->
   <!-- pinia他有一种组合式写发  还有一种选项势写法    上面那个csdn是选项是写法   记住组合式必须return-->
    //个人感觉还是选项式好点   因为组合式需要return 一大顿比较难维护  
    <!-- https://blog.csdn.net/weixin_68376171/article/details/135882632 -->
<template>
  <div>
    <count></count>
  </div>
</template>
<style scoped>
</style>
